/**
 * @author Acer
 */
Ext.define('USocial.view.PostMessageModal',{
	extend : 'Ext.Panel',
	
	id : 'postMessageModal',
	
	config : {
		modal : true,
		centered : true,
		width: '100%',
		height : '75%',
		
		layout : {
			type : 'vbox'
		},
		
		items :[{
		    	xtype : 'panel',
		    	layout : 'hbox',
		    	items : [{
		    		xtype : 'button',
		    		text : 'Cancel',
		    		ui : 'plain',
		    		flex : 1,
		    		handler : function(){
		    			Ext.getCmp('postMessageModal').destroy();
		    		},
		    		padding : 0
		    	},{
		    		xtype : 'spacer',
		    		flex : 1
		    	},{
		    		xtype : 'button',
		    		text : 'Post',
		    		ui : 'action',
		    		flex : 1,
		    		handler : function(){
		    			Ext.getCmp('postMessageModal').destroy();
		    		},
		    		padding : 0
		    	}]
		    },{
		    	xtype : 'panel',
		    	flex : 1,
		    	
		    	layout : 'hbox',
		    	
		    	items : [{
			    	xtype : 'textareafield',
			    	placeHolder : 'What\'s happening around you?',
			    	flex : 2,
			    	fastFocus : true,
			    	minHeight : 0,
			    	component : {
			    		xtype : 'textareainput',
			    		layout : 'fit',
			    		centered : true,
			    		style : {
			    			height : '100%'
			    		}
			    	},
			    	padding : 0,
			    	listeners : {
			    		painted : function(field){
			    			Ext.get(field).query('textarea')[0].focus();
			    		}
			    	}
		    	},{
					xtype : 'panel',
					layout : 'hbox',
					flex : 1,
					items:[{
						xtype : 'browseFile',
						padding : 0,
						flex : 1,
						style : {
							height : '50%'
						}
					}]
		    	}]
		    },{
		    	xtype : 'panel',
		    	border : 1,
		    	flex : 1,
		    	layout : 'fit',
		    	style : 'border: solid blue;',
		    	items : []
		    }]
	}
	
});